/* r.a.d.colorpicker WEB2.0 skin */

/* skin-specific wrapper */
.RadColorPicker_Web20 .palette
{
	border: solid 1px #a5bedf;
	background: white;
}

/* color buttons */
.RadColorPicker_Web20 .palette ul li a
{
	cursor: hand;
	border: solid 1px white;
	margin: 1px;
}

.RadColorPicker_Web20 .palette ul li a span
{
	border: solid 1px #c5c5c5;
}
/* end of color buttons */

/* selected color */
.RadColorPicker_Web20 .selectedcolor
{
	border: solid 1px #6788be !important;
}

.RadColorPicker_Web20 .selectedcolor span
{
	border: solid 1px white !important;
}
/* end of selected color */

/* color preview panel */
.RadColorPicker_Web20 .palette .colorpreview
{
	border: solid 1px #a5bedf;
	margin: 2px;
}

.RadColorPicker_Web20 .palette .colorpreview span
{
	font: normal 11px Arial, Verdana, Sans-serif;
	cursor: default;
	line-height: 24px;
}

.RadColorPicker_Web20 .palette .colorpreview .colorvaluedark
{
	color: white;
	margin-right: 2px;
}

.RadColorPicker_Web20 .palette .colorpreview .colorvaluelight
{
	color: black;
	margin-left: 2px;
}

.RadColorPicker_Web20 .palette .colorbox
{
}
/* end of color preview panel */

/* no color button */
.RadColorPicker_Web20 .palette .emptycolor
{
	background: white;
}

.RadColorPicker_Web20 .palette .emptycolor
{
	border: solid 1px #a5bedf !important;
	font-size: 12px;
	text-align: center;
	line-height: 30px;
	margin: 2px 2px 0 2px;
}

.RadColorPicker_Web20 .palette .emptycolor span
{
	border: solid 1px white;
}

.RadColorPicker_Web20 .palette .emptycolor span,
.RadColorPicker_Web20 .palette .emptycolor a
{
	font: bold 10px Verdana, Arial, Sans-serif;
	color: #a5bedf;
	text-decoration: none;
	display: block; clear: both; float: none;
	margin: 0;
}
/* end of no color button */

/* color picker icon */
.RadColorPicker_Web20 .icon,
.RadColorPicker_Web20 .icon a,
.RadColorPicker_Web20 .icon em
{
	width: 34px; height: 22px;
}

.RadColorPicker_Web20 .icon a,
.RadColorPicker_Web20 .icon a:hover,
.RadColorPicker_Web20 .icon a:active,
.RadColorPicker_Web20 .icon a:focus
{
	background-image: url('ColorPicker/IconSprites.gif');
	background-repeat: no-repeat;
	cursor: default;
}

.RadColorPicker_Web20 .icon a
{
	background-position: 0 0;
}

.RadColorPicker_Web20 .icon a:hover
{
	background-position: 0 -22px;
}

.RadColorPicker_Web20 .icon a:active,
.RadColorPicker_Web20 .icon a:focus
{
	background-position: 0 -44px;
}
/* end color picker icon */